<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div class="box">
			<div>1</div>
			<div>2</div>
			<div>3</div>
			<div>4</div>
		</div>
	</body>

</html>

<style type="text/css">
	/*使用圆角知识让右图编程方车的形状,并在hover的时候转动起来*/
	.box {
		width: 400px;
		height: 400px;
		margin: 50px auto;
	}
	
	.box div {
		width: 150px;
		height: 150px;
		margin: 10px;
		border: 1px solid #000;
		text-align: center;
		line-height: 180px;
		color: #fff;
		float: left;
		background: url(img/new_bg.png) no-repeat;
	}
</style>